﻿@charset "utf-8";
#wrap{
	width:100%;
	min-width:1220px;
}
/*--�󵼺���ǰ ���ҵ���������¼�� �� ��ע�ᡱ����ӡ�|��--*/
.ver-line{
	position:relative;
}
.ver-line:before{
	content:"";
	position:absolute;
	top:14px;
	left:0;
	width:0;
	height:14px;
	border-left:1px solid #666;
}
/*---------------------��ҳ����������--------------------*/
#header .shortcut{
	position:fixed;
	top:0;
	width:100%;
	min-width:1220px;
	background-color:rgb(28,35,43);
	z-index:2;
}
.shortcut .s-pop{
	float:left;
}
.shortcut .s-left{
	float:left;
}
/*--"��װ����" �����ġ������Ǽ���ʽ--*/
.shortcut .h-s-ico{
	display:inline-block;
	width:8px;
	height:6px;
	background:url("../images/vi_icon.png") no-repeat 0px 0px;
}
/*--��ҳ������������ǰ��ͼ����ͬ��ʽ--*/
.shortcut .naver-ico{
	display:inline-block;
	width:20px;
	height:14px;
	background:url("../images/vi_icon.png") no-repeat -10px 0;
	vertical-align:middle;
}
/*------��POP��װ���ơ�-------*/
.s-pop .s-p-logo{
	position:relative;
	margin:0 10px 0 30px;
	font-size:0;
}
.s-pop .logo{
	display:block;
	padding:10px 7px 6px 10px;
}
.logo .h-s-ico{
	margin:0 0 8px 10px;
}
.s-pop .s-p-logo:hover{
	background-color:rgb(19,24,30);
}
/*--��POP��װ���ơ������ͣ�ӵ�����--*/
.s-pop .sub-pop{
	display:none;
	position:absolute;
	left:0px;
	bottom:-230px;
	width:148px;
	padding:10px 0;
	background-color:rgb(19,24,30);
	z-index:1;
}
.s-p-logo:hover .sub-pop{
	display:block;
}
.sub-pop a{
	display:block;
	height:30px;
	padding-left:10px;
	line-height:30px;
	font-size:12px;
}
/*--����װ�����������Ь�ӡ���ͼ��--*/
.sub-pop i{
	display:inline-block;
	width:15px;
	height:15px;
	background:url("../images/icons.png") no-repeat -57px -417px;
	vertical-align:middle;
}
.sub-pop .s-p-bag{
	background-position:1px -204px;
}
.sub-pop .s-p-shoes{
	background-position:-16px -201px;
}
.sub-pop .s-p-jewelry{
	background-position:-33px -204px;
}
.sub-pop .s-p-textile{
	background-position:-53px -204px;
}
.sub-pop .s-p-website{
	background-position:-69px -204px;
}
.sub-pop .s-p-lecture{
	background-position:-86px -204px;
}
/*--�����ͣͼ���ɫ--*/
a:hover .s-p-clothes{
	background-position:-78px -417px;
}
a:hover .s-p-bag{
	background-position:1px -220px;
}
a:hover .s-p-shoes{
	background-position:-16px -217px;
}
a:hover .s-p-jewelry{
	background-position:-33px -220px;
}
a:hover .s-p-textile{
	background-position:-53px -220px;
}
a:hover .s-p-website{
	background-position:-69px -220px;
}
a:hover .s-p-lecture{
	background-position:-86px -220px;
}
/*------��POP��װ���ơ� end-------*/
/*----------�󵼺���----------*/
.s-left{
	line-height:40px;
}
/*--��������--*/
.s-left .s-l-opt{
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}
.s-l-opt .h-s-ico{
	margin:0 0 -1px 7px;
}
.s-left .s-l-language{/*--�����ġ�����ѡ�񵼺�����--*/
	display:inline-block;
	position:relative;
	margin-left:10px;
}
/*--�����ġ�����ѡ���ӵ�����--*/
.s-l-language .language-opt{
	display:none;
	position:absolute;
	left:0px;
	bottom:-70px;
	width:91px;
	background-color:rgb(19,24,30);
	z-index:1;
}
.language-opt a{
	display:block;
	height:35px;
	padding-left:10px;
	line-height:35px;
}
.language-opt i{
	display:inline-block;
	width:18px;
	height:18px;
	margin-right:5px;
	background:url("../images/vi_icon.png") no-repeat -36px 1px;
	vertical-align:middle;
}
.language-opt .english{
	background-position:-57px 2px;
}
/*--�����ͣ�ڡ����ġ�����ѡ�񵼺���--*/
.s-l-language:hover{
	background-color:rgb(19,24,30);
}
.s-l-language:hover .language-opt{
	display:block;
}
.s-l-language:hover .s-l-opt{/*--�����ġ���ɫһֱΪ��ɫ--*/
	color:rgb(216,176,86);
}
/*--�����ͣ�ڵ�������--*/
.s-left .s-l-opt:hover{
	background-color:rgb(19,24,30);
}
.s-l-opt .s-l-ico1{
	margin-right:5px;
}
.s-l-opt .s-l-ico2{
	background-position:-75px 0px;
}
.s-l-opt .s-l-ico3{
	background-position:-96px 0px;
}
/*--�����ͣͼ���ɫ--*/
.s-left .s-left-2:hover i{
	background-position:6px -45px;
}
.s-left .s-left-3:hover i{
	background-position:-15px -45px;
}
/*----------�󵼺��� end----------*/
/*----------�ҵ�����----------*/
.s-right > ul{
	float:right;
	line-height:40px;
}
.s-right > ul > li{
	float:left;
	height:40px;
	padding:0 10px;
}
.s-right > ul > li + li{
	margin-left:10px;
}
.s-right > ul > li:hover{
	background-color:rgb(19,24,30);
}
.s-right .s-r-opt{
	display:block;
	font-size:14px;
}
/*--�ͷ���ѯͼ��--*/
.s-right .consult{
	width:18px;
	height:20px;
	background-position:-123px 0;
}
.s-r-consult:hover .consult{
	background-position:-38px -45px;
}
.s-right .s-r-consult{
	position:relative;
}
/*--�ͷ���ѯ��������--*/
.s-r-consult .consult-msg{
	display:none;
	position:absolute;
	top:40px;
	right:0px;
	width:190px;
	padding:0 5px 15px;
	line-height:35px;
	background-color:rgb(19,24,30);
	color:#fff;
	z-index:1;
}
.s-r-consult:hover .consult-msg{/*--�����ͣ��ʾ�ͷ���ѯ��������--*/
	display:block;
}
.consult-msg i{/*--����ǰ�����ۺ󡱡�QQ��ѯ��Сͼ��--*/
	display:inline-block;
	width:19px;
	height:19px;
	background:url("../images/vi_icon.png") no-repeat 5px -166px;
	vertical-align:middle;
}
.consult-msg .after-sale i{/*--���ۺ�Сͼ��--*/
	background-position:-15px -166px;
}
.consult-msg .qq-consult i{/*--��QQ��ѯ��Сͼ��--*/
	background-position:-37px -167px;
}
.consult-msg .p-number{/*--�绰����--*/
	font-weight:bold;
	font-size:13px;
}
.consult-msg .qq-consult{/*--��QQ��ѯ��--*/
	display:block;
	width:185px;
	height:38px;
	margin-left:3px;
	background-color:#fff;
	color:rgb(216,176,86);
	text-align:center;
	border-radius:5px;
}
/*--�����ͣ�ڡ�QQ��ѯ����ɫ--*/
.qq-consult:hover{
	background-color:rgb(216,176,86);
	color:#fff;
}
.qq-consult:hover i{
	background-position:-62px -167px;
}
/*--������--*/
.s-right .s-r-search{
	position:relative;
	width:80px;
} 
.s-right form{
	height:40px;
}
.s-right .search{
	position:absolute;
	top:10px;
	left:10px;
	width:80px;
	height:20px;
	border:none;
	border-bottom:1px solid #666;
	background-color:transparent;
	color:white;
	transition:.3s;
	z-index:1;
}
/*--���������еġ���������ɫ��Ϊ��ɫ--*/
.search::-webkit-input-placeholder{
	color:#fff;
}
.search::-moz-input-placeholder{
	color:#fff;
}
.search::-o-input-placeholder{
	color:#fff;
}
.search::-ms-input-placeholder{
	color:#fff;
}
.s-r-search:after{/*--�������Ŵ󾵡�--*/
	content:"";
	position:absolute;
	top:11px;
	right:10px;
	width:18px;
	height:18px;
	background:url("../images/vi_icon.png") no-repeat 0 -22px;
	cursor:pointer;
}
/*--�����򱻵����ʽ--*/
.s-r-search form span{
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:40px;
	background-color:rgb(28,35,43);
}
.s-r-search:hover form span{
	background-color:rgb(19,24,30);
}
.search:focus{
	left:-210px;
	width:300px;
	outline:none;
}
.search:focus + span{
	width:210px;
	left:-210px;
	transition:.3s;
}
/*--������Ʒ�ơ�--*/
.s-right .brand-ico{
	width:17px;
	background-position:-23px -22px;
}
a:hover .brand-ico{
	background-position:-82px -45px;
}
/*--����¼��--*/
.s-right .s-r-login{
	margin-left:20px;
}
.s-right .s-r-login:before{
	left:-10px;
}
/*--��ע�ᡱ--*/
.s-right .s-r-register{
	margin-left:0;
}
.s-right .s-r-register:before{
	border-color:#fff;
}
/*--���Ͻǵ����䵼��ͼ��--*/
.s-right .s-r-list{
	padding:0;
}
.s-right .s-r-naver{
	display:block;
	width:40px;
	height:40px;
	padding-top:0px;
	background-color:rgb(216,176,86);
	font-size:0;
	line-height:0;
	text-align:center;
}
.s-r-naver i{
	display:inline-block;
	width:22px;
	height:20px;
	margin-top:12px;
	background:url("../images/rotate1.png") no-repeat;
	transition:.5s;
}
.s-r-list:hover .s-r-naver i{/*--�����ͣ��Ϊ������--*/
	background:url("../images/rotate2.png") no-repeat;
	transform:rotate(90deg);
}
.s-r-list:hover .s-r-l-menu{
	display:block;
}
/*--���Ͻ����䵼��ͼ����ӵ����˵�--*/
.s-r-list .s-r-l-menu{
	display:none;
	position:absolute;
	top:40px;
	left:0;
	right:0;
	width:100%;
	min-width:1220px;
	margin:auto;
	background-color:rgba(0,0,0,.9);
	cursor:pointer;
	z-index:1;
}
.s-r-l-menu .menu-content{
	width:1220px;
	margin:auto;
}
/*--���Ͻ����䵼��ͼ����ӵ����˵�-�ϰ벿��--*/
.s-r-l-menu .menu-list{
	padding:40px 0 25px;
	border-bottom:1px solid #aaa;
}
.menu-list ul{
	float:left;
	margin-left:35px;
}
.menu-list ul li{
	line-height:30px;
}
.menu-list ul li:nth-child(1){
	line-height:60px;
}
.menu-list li:nth-child(1) h2{
	font-size:1.5em;
}
/*--���Ͻ����䵼��ͼ����ӵ����˵�-�°벿��1--*/
.menu-content .clothes-menu{
	padding-top:25px;
}
.clothes-menu .c-m-opt{
	display:block;
	float:left;
	width:60px;
	height:60px;
	margin-right:30px;
	border:1px solid #fff;
	border-radius:50%;
	font-size:14px;
	line-height:60px;
	text-align:center;
}
.clothes-menu .c-m-opt:hover{
	border-color:rgb(216,176,86);
	background-color:rgb(216,176,86);
	color:#000;
}
.clothes-menu .c-m-opt-div{
	position:relative;
	margin-left:30px;
}
.c-m-opt-div:before{
	content:"";
	position:absolute;
	top:11px;
	left:-31px;
	width:0;
	height:40px;
	border-left:1px solid gray;
}
.clothes-menu .c-m-opt-1{
	vertical-align:middle;
}
.clothes-menu .c-m-opt-1 p{
	line-height:20px;
}
.c-m-opt-1 p:nth-child(1){
	margin-top:10px;
}
/*--���Ͻ����䵼��ͼ����ӵ����˵�-�°벿��2--*/
.s-r-l-menu .m-c-help{
	margin-top:10px;
	padding-bottom:25px;
	color:#fff;
	font-size:14px;
	line-height:25px;
}
.s-r-l-menu .m-c-help > div{
	float:right;
	margin-left:80px;
}
.m-c-help .help-text{
	display:inline-block;
}
.m-c-help .help-text span{
	font-weight:bold;
	font-size:17px;
}
.m-c-help > div i{
	display:inline-block;
	width:32px;
	height:36px;
	margin-right:5px;
	background:url("../images/vi_icon.png") no-repeat -36px -218px;
}
.m-c-help .sale-help i{
	background-position:-80px -218px;
}
/*--���Ͻ����䵼��ͼ����ӵ����˵� end--*/
/*---------------------��ҳ���������� end--------------------*/

/*---------------------��ҳͷ��������--------------------*/
#header .h-naver{
	width:1220px;
	height:78px;
	margin:auto;
	margin-top:40px;
}
.h-naver a{
	color:#333;
}
.h-naver a:hover{
	color:rgb(216,176,86);
}
.h-naver .h-n-opt{/*--������ÿ��������--*/
	position:relative;
	float:left;
	font-size:14px;
}
.h-naver .h-n-opt + .h-n-opt{
	margin-left:20px;
}
.h-naver .ver-line:before{/*--��ӡ�|��--*/
	border-color:#aaa;
	top:31px;
	left:-10px;
}
.h-naver .h-n-opt:hover > a{
	border-bottom:3px solid rgb(216,176,86);
	color:#222;
}
.h-n-opt a{
	display:block;
	padding:28px 10px;
}
/*--���Сͼ��--*/
.h-n-opt i{
	display:inline-block;
	width:18px;
	height:18px;
	background:url("../images/vi_icon.png") no-repeat 0 -146px;
	vertical-align:middle;
}
.h-n-opt .h-n-pop{
	background-position:-22px  -146px;
}
.h-n-opt .h-n-source{
	background-position:-47px -146px;
}
.h-n-opt .h-n-tools{
	background-position:-69px -146px;
}
.h-n-opt .h-n-more{
	background-position:-93px -146px;
}
.h-naver .h-n-opt:hover > .h-n-opt-3{
	color:rgb(216,176,86);
}
.h-n-opt:hover .h-n-change{
	background-position:0px -195px;
}
.h-n-opt:hover .h-n-more{
	background-position:-93px -195px;
}
/*--ÿ���������Ӳ˵�����--*/
.h-naver .h-n-opt:hover .h-n-sub{
	display:block;
}
.h-n-opt .h-n-sub{
	display:none;
	position:absolute;
	left:-12px;
	top:60px;
	width:120px;
	padding-top:10px;
	background-color:#fff;
	border:1px solid #eee;
	font-size:12px;
	text-align:center;
}
.h-n-opt-1 .h-n-sub{
	left:-35px;
}
.h-n-opt-2 .h-n-sub{
	left:-80px;
}
.h-n-sub .n-sub-opt{
	padding:9px 0;
}
.h-n-sub .n-sub-div{
	border-top:1px solid #eee;
}
.h-n-sub .n-back-home{/*--�ص���ҳ--*/
	background-color:rgb(216,176,86);
	color:#fff;
	font-size:14px;
}
.h-n-sub .n-back-home:hover{
	background-color:rgb(244,203,105);
	color:#fff;
}
.n-back-home i{
	background-position:-117px -146px;
}
.h-n-sub .n-sub-bottom{
	padding-bottom:17px;
	border-bottom:4px solid rgb(216,176,86);
}
/*---------------------��ҳͷ�������� end--------------------*/

/*---------------------��ҳͷ����ʽ end--------------------*/